﻿@model Sispe.Entities.CONTRATO

@{
    ViewBag.Title = "Modificación de Trabajador";
}

    <link rel="stylesheet" href="~/Content/bootstrap.min.css">
    <link rel="stylesheet" href="~/Content/themes/base/jquery-ui.css">
    <script src="~/Scripts/jquery-1.10.2.js"></script>
    <script src="~/Scripts/jquery-ui.js"></script>

<script>
    $(function () {
        $.datepicker.setDefaults($.datepicker.regional["es"]);
        $("#FechaInicio").datepicker({
            firstDay: 1,
            showButtonPanel: true
        });
    });
</script>

<script>
    $(function () {
        $.datepicker.setDefaults($.datepicker.regional["es"]);
        $("#FechaTermino").datepicker({
            showButtonPanel: true,
            firstDay: 1
        });
    });
</script>

<script>
    $(function () {
        $("#tabs").tabs({
            collapsible: true
        });
    });
</script>

<script>
    $(function () {
        $("#dialog").dialog({
            autoOpen: false,
            width: 450,
            height: 250,
            modal: true,
            show: {
                effect: "toggle",
                duration: 800
            },
            hide: {
                effect: "toggle",
                duration: 800
            }
        });

        $("#opener").click(function () {
            $("#dialog").dialog("open");
        });
    });
</script>

    <div id="dialog" class="panel panel-default">
        <div class="panel-heading">Búsqueda de Trabajador</div>
        <div class="panel-body">
            <b>Criterio :  </b>@Html.TextBox("BuscarTrabajador")
        </div>
        <div class="panel-footer"></div>
    </div>

<button type="submit" id="opener"  class="btn btn-default  btn-lg " value="Guardar">Buscar Trabajador</button>

@*<script>
    $(function () {
        $("#opener").button({
            icons: {
                primary: "ui-icon-person"
            }
        });
    });
  </script>*@


<script>
    $(function () {
        $("#BuscarTrabajador").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: '@Url.Action("Search")', type: "POST", dataType: "json",
                    data: { nombreTrabajador: request.term },

                    success: function (data) {
                        response($.map(data, function (item) {

                            return { label: item.label, value: item.id };
                        }));
                    }
                });
            },
            select: function (event, ui) {
                $("#BuscarTrabajador").val("");
                $("#Id_Trabajador").val(ui.item.value);
                alert("Ha seleccionado el trabajador : " + ui.item.label);
                $("#TrabajadorSeleccionado").val(ui.item.label);
                $("#dialog").dialog("close");
                return false;
            }
        });
    });

</script>


@{
    var message = TempData["AlertMessage"] ?? string.Empty;
}

<script type="text/javascript">
    var message = '@message';
    if (message)
        alert(message).alert;
</script>



@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>CONTRATO</legend>

        @Html.HiddenFor(model => model.IdContrato)

        <div id="tabs">
            <ul>
                <li><a href="#TabTrabajador">TRABAJADOR</a></li>
                <li><a href="#TabEmpresa">EMPRESA</a></li>
            </ul>
            <div id="TabEmpresa">

                <b>TIPO PERSONAL :</b>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@Html.DropDownList("IdTipoPersonal")

                <br /><br />
                <b>TIPO TRABAJADOR :</b>  &nbsp; @Html.DropDownList("IdTipoTrabajador")

                <br /><br />
                <b>TIPO CONTRATO : </b>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @Html.DropDownList("IdTipoContrato")

                <br /><br />
                <b>AREA CONTRATO : </b>  &nbsp;&nbsp;&nbsp;&nbsp; @Html.DropDownList("IdAreaContrato")

                <br /><br />
                <b>REGIMEN LABORAL : </b>&nbsp;@Html.DropDownList("IdRegimenLaboral")

                <br /><br />
                <b>ENT. PREST. SALUD : </b>&nbsp;@Html.DropDownList("IdEntidadPrestadoraSalud")

                <br /><br />
                <b>REGIMEN SALUD : </b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@Html.DropDownList("IdRegimenSalud")

            </div>

            <div id="TabTrabajador">

                <b>TRABAJADOR:</b> &nbsp;&nbsp;&nbsp;&nbsp;<input type="text" readonly="true" id="TrabajadorSeleccionado" name="TrabajadorSeleccionado" value="@Html.ViewData["TrabajadorSeleccionado"]" />
                                    @Html.Hidden("Id_Trabajador")

                <br /><br />
                <div class="alert alert-warning">
                    <strong>¡Atención!</strong> "Las fechas se mostrarán en el siguiente formato : mes/dia/año".    
                </div>
                
                <b>FEC. INICIO :</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@Html.TextBox("FechaInicio")
                <br /><br />
                <b>FEC. TÉRMINO : </b> &nbsp;&nbsp;@Html.TextBox("FechaTermino")             

                
                <br /><br />
                <b>PROYECTO : </b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@Html.DropDownList("IdProyecto")

                <br /><br />
                <b>ESPECIALIDAD :</b>&nbsp;&nbsp;@Html.DropDownList("IdEspecialidad")

                <br /><br />
                <b>PERIODO PAGO :</b>&nbsp;@Html.DropDownList("IdPeriodoPago")
                    
                <br /><br />
                <b>TIPO DE PAGO :</b>&nbsp;&nbsp;&nbsp;@Html.DropDownList("IdTipoPago")
                    
                <br /><br />
                <b>REMUN. BRUTA :</b>&nbsp;&nbsp;@Html.EditorFor(model => model.RemBruta)
                                        @Html.ValidationMessageFor(model => model.RemBruta)

                <br /><br />
                <b>REM. LÍQUIDA :</b>&nbsp;&nbsp;&nbsp;@Html.EditorFor(model => model.RemLiquida)
                                        @Html.ValidationMessageFor(model => model.RemLiquida)

                <br /><br />
                <b>BONOS : </b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@Html.EditorFor(model => model.Bonos)
                                        @Html.ValidationMessageFor(model => model.Bonos)

                <br /><br />
                <b>OBSERVACIÓN :</b>&nbsp;&nbsp;@Html.EditorFor(model => model.Observacion)
                                        @Html.ValidationMessageFor(model => model.Observacion)

            </div>

        </div>

        <br />
        <p>
            <button type="submit" class="btn btn-default btn-lg" value="Guardar">Guardar</button>
        </p>
    </fieldset>
}

<div>
    <a href="@Url.Action("Index", "Contrato")">
        <img src="@Url.Content("~/Images/back.png")" title="Atras" alt="Atras" /></a>
</div>



@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

